/*
Theme Name: Emotional Engine Theme
Theme URI: http://emotionalengine.com/
Description:
Version: Version 1.0 (WP2.7)
Author: Jade Barbee
Author URI: http://emotionalengine.com/

*/


@import "blueprint/screen.css";
@import "blueprint/plugins/fancy-type/screen.css";


/* GLOBAL STYLES */

html { height: 100%; }


body { font-family: "Museo Sans," Palatino, "Times New Roman", Times, serif; color: #555; height: 100%; font-size: .95em; }

/* HEADINGS */

#wrapper {
	min-height: 100%;

	height: auto !important;
	height: 100%;
	margin: 0 auto -270px; /* the bottom margin is the negative value of the footer's height */
}





#header { background-image: url(http://www.emotionalengine.com//webimages/header-2012.png); height: 210px; }
#header2 { background-image: url(http://www.emotionalengine.com//newimages/eftfwb-header1.png); height: 128px; }
#header3 { background-image: url(http://www.emotionalengine.com//newimages/header-ee-front-page.png); height: 210px; }
#header4 { background-image: url(http://www.emotionalengine.com//newimages/eftfwb-header2.png); height: 200px; }


#main-menu { margin-bottom: 24px; margin-top: 184px; text-transform: none; }
#main-menu2 { margin-bottom: 24px; margin-top: 130px; font-size: big; background-color: #006699; padding-top: 5px; padding-bottom: 4px; }

#main-menu3 { margin-bottom: 24px; margin-top: 195px; font-size: big;background-color: #ffffff; padding-top: 5px; padding-bottom: 4px; }
#main-menu4 { margin-bottom: 30px; margin-top: 8px; font-size: big; }

#menu a:hover { color: #FFFFFF; text-decoration:  none }

#menu2 a:hover { text-decoration: none; color: #ffcc66;}
#menu2 a:active { color: #663366; text-decoration: none; }	

#menu3 a:hover { text-decoration: none; color: #ffcc66;}
#menu3 a:active { color: #663366; text-decoration: none; }	



#menu4 a:hover { text-decoration: none; color: #ffcc66;}
#menu4 a:active { color: #663366; text-decoration: none; }
#menu4 a:focus { color: #ffcc66; text-decoration: blink; }		

#static-page {
	padding-top: 5px;
}
a:visited {  }
a { color: #3b529c; text-decoration: none }
a:hover { color: #999999; text-decoration: none }
#content {	background-color: #ffffff;  }

#sidebar { list-style-type: circle; }
#sidebar-2 {
	list-style-type: circle;
}
#disclaimer {
}
#footer { color: #ccc; background-color: #286eb3; border-left-style: solid; border-top-style: none; border-top-color: #bbb; border-top-width: 2px; padding-top: 18px; margin-top: 18px; height: 475px !important; }
#footer hr { background-color: #286eb3; color: #3A474E; }
.push { height: 0px; }

#title a { font-size: 3em; }

/* TEXT STYLES */

#main-menu a { padding-left: 8px; padding-right: 9px;  color: #ffffff; }


#main-menu2 a { padding-left: 3px; padding-right: 9px; color: #ffffff; margin-left: 10px;} 
a:hover { color: #999999; text-decoration: none }

#footer a { color: #FFFFFF; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #66666c; font-family: "Museo Sans," "Ariel Black," "Helvetica Neue"}
#sidebar-2 h4, #disclaimer h4 {
	font-weight: bold;
	color: #66666c;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { font-family: Ariel; color: #ffffff; }
#static-page h3 {
	color: #444;
}
#portfolio { }
#portfolio img { border-color: #ddd; border-style: solid; border-width: 0px; height: 216px; width: 310px; }
#project { margin-bottom: 1.5em; }
#project-caption { background-color: #555; color: #3f6cb3; }
.post {
}
.excerpt {
}
.single-page-post { }
.single-page-post img { float: right; }
.single-page-video {
}
.single-page-video img {
}
.single-page-web {
}
.single-page-web img { height: 378px; width: 590px; }
hr.space {
}
.category-name {
	text-transform: uppercase;
	color: #3f6cb3;
}
.thumbnail1 img { height: 36px; width: 40px; }
.thumbnail2 img {
	height: 126px;
	width: 190px;
}
#date-comments { }
.read-more { text-align: right; }
.read-more a { text-align: right; }
#search-form { padding-top: 12px; }
#wp-pagenavi {
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #555;
	background-color: #ddd;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #555;
	background-color: #ddd;	
}
.wp-pagenavi a:hover {	
	color: #f5f5f5;	
	border: 1px solid #ddd;
	background-color: #999;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #555;
	background-color: #ddd;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	border: 1px solid #ccc;
	background-color: #ddd;
}
.wp-pagenavi span.current {
	color: #336699;
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ddd;
	background-color: #999;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #ccc;
	background-color: #ddd;
}
.emphasis {
	color: #336699;
}
.box {
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 0px;
	background-color: #eeeeee;
}
#static-page img {
	margin-top: 5px;
	background-image:url("http://www.eftfree.net//webimages/reveal.jpg")
}
#body-static {
	height: auto;
	background-color: #FFFFFF; 
	

}
#static-text {
	font-weight: none;
}
#static-disclaimer {
	margin-top: 18px;
	padding-top: 9px;
	border-top-color: #bbb;
	border-top-width: 1px;
	border-top-style: solid;
	font-style: italic;
}
#paypal {
	text-align: center;
	font-weight: bold;
}
img.paypal {
	margin-top: .5em;
	margin-bottom: 1.5em;
}
.paypal {
	background-color: #ddd;
}
.feedback-text {
}
.feedback-name {
	text-transform: uppercase;
	font-weight: bold;
}
.quiet {
}
/* font size and background??? */
#nav2{
background:#222;
font-size:1.1em;
}
/* line height of whole unnumbered list */
#nav2, #nav ul {
list-style: none;
line-height: 1;
}
/* character of how links line up, in this case room for "block" w/ no decoration and no border*/
#nav2 a, #nav a:hover {
display:;
text-decoration: none;
color: #fff;
border:none;
}
/* border right */
#nav2 li {
float: left;
list-style:none;
border-right:0px solid #a9a9a9;
}
/* link/page color and padding */
#nav2 a, #nav2 a:visited {
display: block;
font-weight:none;
color: #a0a09b;
padding:6px 6px;
}
/* block color */
#nav2 a:hover, #nav2 a:active, .current_page_item a, #home .on {
background:#4b4e85;
text-decoration:none;
}
#nav2 li ul {
position: absolute;
left: -999em;
height: auto;
width: 150px;
border-bottom: 1px solid #a9a9a9;
}
#nav2 li li {
width: 172px;
border-top: 1px solid #a9a9a9;
border-right: 1px solid #a9a9a9;
border-left: 1px solid #a9a9a9;
background: #777;
}
#nav2 li li a, #nav2 li li a:visited {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}
#nav2 li li a:hover, #nav2 li li a:active {
background:#000;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}

#nav-dcssb, #nav-dcssb li {
margin: 0;
padding: 0;
list-style: none;
}
#nav-dcssb li {
padding: 5px 0;
}
#nav-dcssb li.size-box {
text-align: center;
height: 60px;
}
#nav-dcssb li.size-small {
height: 30px;
}



/* Floater */
#dcssb-float {
margin-top: 300px;
}
 
#dcssb-float.dc-social-float .tab {
display: none;
}
#dcssb-float.dc-social-float .dc-social-float-content {
background: #fff;
border: 0px solid #000;
padding: 5px 0 6px 0;
margin-left: 20px;
}
#dcssb-float.dc-social-float .dc-social-float-content {
border-radius: 7px 1px 1px 7px!important; -webkit-border-radius: 7px 1px 1px 7px!important;
}
#dcssb-float #dcssb-facebook {padding-left: 10px;}
#dcssb-float .fb_iframe_widget {margin-left: 0;}

#social-float {
	position: fixed;
	left: 35px;
	bottom: 60px;
	width: 75px;
	padding: 5px 1px;
	text-align: center;
	background-color: transparent;
	border: 0px solid rgba(180, 180, 180, .7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: none;
}
.sf-facebook {
	margin-bottom: 5px;
}
.sf-linkedin {
	height: 60px;
	margin-bottom: 5px;
}
.sf-pinterest {
	margin-bottom: 5px;
}
.sf-digg {
	margin-bottom: 5px;
}
.sf-stumble {
	margin-bottom: 5px;
}
.sf-twitter {
	height: 62px;
	margin-bottom: 5px;
}
.sf-plusone {
	height: 60px;
	margin-bottom: 5px;
}